﻿@import '_mixins.scss';
@import '_variaveis.scss';

body {
    @include add_fontes();
    margin: 0;
    padding: 0;
}

#sectionBody {
    @include float(auto, 100%, 0, 0);
}

#sectionHeader {
    @include float(150px, 100%);
    background: url('../../Imagens/logo2.png') no-repeat center;
    background-size: auto 100%;
}

#sectionErro {
    @include float(auto, 100%, 40px, 0);
    text-align: center;
    font-size: 20px;
    color: red;
}

#sectionLogin {
    @include float(auto, 100%);

    #articleLoginBox {
        @include float(200px, 500px, 50px, calc(50% - 250px));
        font-family: BlueHighway;
        color: white;
        background: #0000B4;

        #articleLoginBoxBorder {
            @include float(125px, 460px, 10px, 10px);
            padding-top: 35px;
            border: 10px solid white;
            border-radius: 20px;

            .textbox {
                width: 320px;
                text-align: right;
                color: white;
                font-weight: bold;
                font-size: 30px;
                background: #0000B4;
                border: none;
            }

            .textbox::-moz-placeholder {
                color: white;
            }

            .textbox::-webkit-input-placeholder {
                color: white;
            }
        }
    }

    #articleCadastrarUsuario {
        @include float(30px, 500px, 10px, calc(50% - 250px));
        text-align: right;

        & a {
            font-family: BlueHighway;
            font-size: 20px;
            text-decoration: none;
        }
    }
}